<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="css/ddxx.css">
		<link rel="stylesheet" href="css/shouye.css">
		<link rel="stylesheet" href="font/iconfont.css">
	</head>
	<body>
		<!-- 页眉 -->
		<header id="header">
			<div class="container">
				<!-- LOGO -->
				<div id="logo" class="float_l">
					<img src="img/logo.jpg" title="悦轩饼家" width="160" />
				</div>
				<!-- 定位 -->
				<div id="addr" class="float_l">
					<i class="iconfont icon-weizhi"></i> 武汉市 <a class="button" href="javascript:;">切换城市</a>
				</div>
				<!-- 导航 -->
				<nav id="nav" class="float_l">
					<ul>
						<li><a href="shouye.html">全部</a></li>
						<li><a href="dangao.html">蛋糕</a></li>
						<li><a href="#">下午茶</a></li>
						<li><a href="#">手信</a></li>
						<li><a href="dingdanxinxi.html">团购预约</a></li>
						<li><a href="guanyu.html">关于我们</a></li>
					</ul>
				</nav>
				<div id="func" class="float_r">
					<ul>
						<li><a><i class="iconfont icon-sousuo1"></i></a></li>
						<li><a href="gouwuche.html"><i class="iconfont icon-goumaijilu"></i></a></li>
						<li><a href="denglu.html"><i class="iconfont icon-yonghu1"></i></a></li>
						<li><a>联系我们</a></li>
					</ul>
				</div>
			</div>
		</header>
		
		<table border="0">
			<thead>
				<tr>
					<td colspan="5"><a href="denglu.html">未注册可在此页面直接下单，已有账户 请登录></a></td>
				</tr>
			</thead>
			<tbody>
				<tr><td class="t1" colspan="2">收货人信息<br /></td></tr>
				<tr class="tr1" style="height: 200px;">
					<td class="s1">
						<p><span>*</span>收件人</p>
						<p><span>*</span>手机号码</p>
						<p><span>*</span>所在地区</p>
						<p><span>*</span>详细地址</p>
					</td>
					<td>
						<input onmouseout="xianshiname()" id="name" class="i1" type="text" placeholder="请输入收货人姓名"><br />
						<input onmouseout="xianshitel()" id="tel" class="i1" type="text" placeholder="请输入收货人手机号码"><br />
						<select name="sheng">
							<option value="河南省">河南省</option>
							<option value="北京">北京</option>
						</select>
						<select name="shi">
							<option value="南阳市">南阳市</option>
							<option value="郑州市">郑州市</option>
						</select>
						<select name="qu">
							<option value="金水区">金水区</option>
							<option value="郑东新区">郑东新区</option>
						</select><br />
						<input onmouseout="xianshisrc()" id="src" class="i1" type="text">
					</td>
				</tr>
				<tr>
					<td class="t1" colspan="2">订购人信息</td>
				</tr>
				<tr class="tr1">
					<td class="s1">
						<p><span>*</span>订购人姓名</p>
						<p><span>*</span>订购人手机</p>
					</td>
					<td>
						<input class="i1" type="text" placeholder="请输入订购人姓名"><br />
						<input class="i1" type="text" placeholder="请输入订购人手机号码">
					</td>
				</tr>
				<tr>
					<td class="t1" colspan="2">送达日期</td>
				</tr>
				<tr class="tr1">
					<p><td class="s1"><span>*</span>送达日期</td></p>
					<td><input class="i1" type="text" placeholder="请输入送达日期"></td>
				</tr>
				<tr>
					<td class="t1" colspan="2">贺卡留言</td>
				</tr>
				<tr class="tr1">
					<td id="d1" colspan="2"><textarea name="" id="yu" cols="30" rows="30" maxlength="30" placeholder="贺卡留言，最多30个字。生日牌：最多8个字，请在“贺卡留言中注明。"></textarea></td>
				</tr>
				<tr>
					<td class="t1" colspan="2">核对购物清单</td>
				</tr>
				<tr class="tr1">
					<td class="t1" colspan="2">
						<div id="d2">
							<img src="img/lx1.png" alt="">
							<span>提拉米苏(约2磅)</span>
							<span>198&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;x1</span>
						</div>
						<div id="d3">
							<h6>配送至：<span id="tsrc"></span></h6>
							<h6 id="h1"><span id="fname"></span>&nbsp;<span id="ttel"></span></h6>
							<h6 style="padding-left: 1170px;">共<span>1</span>件商品，总商品金额：198</h6>
							<h6 style="padding-left: 1050px;">应付：<span id="sp">198</span>
							<a href="#">提交订单</a></h6>
						</div>
					</td>
				</tr>
			</tbody>
			<tfoot>
				<tr>
					<td colspan="2">
						
					</td>
				</tr>
			</tfoot>
		</table>
		<!-- 页脚 -->
		<div style="clear: both; background-color: #3e2d23;width: 100%;height: 150px;">
			<footer>
				<div>
					<ul id="u1" style="padding-left: 0px;">
						<li><a id="a1">品牌动态</a></li>
						<li><a>生产经营资质</a></li>
						<li><a>企业合作</a></li>
						<li><a>发票申请</a></li>
						<li><a>平台规则</a></li>
						<li><a>帮助服务</a></li>
						<li><a>联系我们</a></li>
					</ul>
					<ul id="u2">
						<li style="padding-left: 70px;"><img src="img/006.png" alt=""></li>
						<li style="padding-left: 0px;"><a href="tel:4009996665">400-999-6665</a></li>
						<li>WEIBO</li>
						<li>WECHAT</li>
						<li>京东商城</li>
					</ul>
				</div>
				<div>
					<ul id="u3">
						<li style="clear: both;">深圳市悦轩商城科技股份有限公司</li>
						<li>粤ICP备16039394号-6</li>
						<li>京公网安备44030702002399</li>
						<li>公司地址：深圳市龙岗区坂田街道布龙339鸿生源工业园A座5楼</li>
					</ul>
				</div>
			</footer>
		</div>
		<script type="text/javascript">
				window.onload
					function xianshiname () {
						var name = document.getElementById('name').value;
						console.log(name);
						document.getElementById('fname').innerText = name;
					}
					function xianshitel () {
						var tel = document.getElementById('tel').value;
						console.log(tel);
						document.getElementById('ttel').innerText = tel;
					}
					function xianshisrc () {
						var src = document.getElementById('src').value;
						console.log(src);
						document.getElementById('tsrc').innerText = src;
					}
				</script>
	</body>
</html>